<template>
  <div class="card flex-col">
    <div class="card-title">租赁总数</div>
    <div class="card-count colorF">{{ obj.leaseNum || 0 }}</div>
    <div class="card-increase">本月新增 {{ obj.monthNum || 0 }}</div>
  </div>
</template>

<script>
export default {
  props: {
    obj: {
      type: Object,
    },
  },
  data() {
    return {
      count: 2500,
      increase: 6,
    };
  },
  methods: {},
};
</script>
<style lang="scss">
.card-table {
  & thead {
    color: #010101;
  }
}
</style>

<style lang="scss" scoped>
.card {
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid rgba(221, 221, 221, 100);
  min-height: 250px;
}

.card-title {
  color: #414141;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}

.card-count {
  margin-top: 45px;
  color: #e16767;
  font-size: 36px;
  font-weight: bold;
}

.card-increase {
  margin: 10px auto 56px;
  color: #414141;
  font-size: 16px;
}

.table-address {
  position: relative;
  margin: 0;
  color: #4e7afb;
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
</style>
